$nav-height: 68px;
$logo-height: $nav-height * 0.95;
$logo-width: $logo-height;

@import "src/styles/global";

.navBar {
  width: 100%;
  height: $nav-height;
  background: white;
  box-shadow: 0 3px 5px #e4e4e6
}

.logo {
  width: $nav-height;
  height: $nav-height;
  float: left;
}

.title {
  font-size: 23px;
  font-weight: 300;
  color: #474b52;
  line-height: $nav-height;

  @media screen and (max-width: 600px){
    display: none;
  }
}

.avatarDropDown{
  float: right;
  margin-right: 20px;

  .avatarBox {
    height: $nav-height;
    line-height: $nav-height;
  }
}


.loginBtn {
  $btn-height: 30px;

  float: right;
  margin-right: 20px;
  margin-top: ($nav-height - $btn-height) / 2;
}

.menuItems {
  height: $nav-height;
  border: none;
  line-height: $nav-height;
  text-align: center;

  .ant-menu-item {
    height: $nav-height;
  }
}
